<template>
    <div>
        <el-tabs v-model="activeName">
            <el-tab-pane label="未处理" name="0">
                <el-card class="box-card">
                    <Untreated v-if="activeName == '0'"/>
                </el-card>
            </el-tab-pane>
            <el-tab-pane label="有效线索" name="1">
                <el-card class="box-card">
                    <Valid v-if="activeName == '1'"/>
                </el-card>
            </el-tab-pane>
            <el-tab-pane label="无效线索" name="2">
                <el-card class="box-card">
                    <Invalid v-if="activeName == '2'"/>
                </el-card>
            </el-tab-pane>
            <el-tab-pane label="待回访" name="3">
                <el-card class="box-card">
                    <Pending v-if="activeName == '3'"/>
                </el-card>
            </el-tab-pane>
            <el-tab-pane label="已转客户" name="-1">
                <el-card class="box-card">
                    <Convert v-if="activeName == '-1'"/>
                </el-card>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>

import Untreated from "@/views/customer/client_clue/client_untreated"
import Pending from "@/views/customer/client_clue/client_pending"
import Valid from "@/views/customer/client_clue/client_valid"
import Invalid from "@/views/customer/client_clue/client_invalid"
import Convert from "@/views/customer/client_clue/client_convert"

export default {
    components: {
        Untreated,
        Pending,
        Valid,
        Invalid,
        Convert
    },
    data() {
        return {
            activeName: '0',
        }
    },
    methods: {

    }
}
</script>
<style scoped>
</style>
